import React from 'react'

interface SvgProps {
    name: string // 图片名
    color?: string // 图片颜色，可通过css的字体颜色修改
    prefix?: string // 前缀
    iconStyle?: Record<string, any> // 样式
}

export const SvgIcon = (props: SvgProps) => {
    const { name, prefix = 'icon', iconStyle = { width: '16px', height: '16px' } } = props
    const symbolId = `#${prefix}-${name}`
    return (
        <svg {...props} aria-hidden="true" style={iconStyle}>
            <use href={symbolId}/>
        </svg>
    )
}

export default SvgIcon
